<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div></div>


    <script>
        //         题目描述

        // 页面上有一个电子时钟，显示当前的年月日，时分秒，要求自动变化，具体表现如下图：

        // 1）要求双位显示，例如：九点九分九秒，显示为09:09:09


        // 1.开启定时器，每隔1秒执行1次回调函数

        // 2.回调函数中，使用Date对象获取当前时分秒

        // 3.判断时分秒是否大于10

        // 4.将时分秒内容拼接成字符串，并设置盒子的内容
        var div = document.querySelector('div');
        var date = new Date()
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var day = date.getDay();
        // console.log(date);

        setInterval(function () {
            var timer=(`${date.getFullYear()}年${(date.getMonth() + 1)}月${date.getDate()}日 ${arr[day]}${getTimer()}`);
            div.innerHTML=timer;

        }, 1000)

        function getTimer() {
            var time = new Date();
            var h = time.getHours();
            h = h < 10 ? '0' + h : h;
            var m = time.getMinutes();
            m = m < 10 ? '0' + m : m;
            var s = time.getSeconds();
            s = s < 10 ? '0' + s : s;
            return h + ':' + m + ':' + s;
        }

    </script>

</body>

</html>